@charset "UTF-8";
/**
 * 
 * @authors supmain (mtingfeng@gmail.com)
 * @date    2014-12-11 16:09:03
 * @update  2014-12-11 16:09:03
 * @for webapp.html
 * @version $Id$
 */
.products > li { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox; /* TWEENER - IE 10 */
	display: -webkit-flex; /* NEW - Chrome */
	display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
flex-flow: row nowrap; align-items: stretch; justify-content: flex-start; margin: 10px 10px 0; padding-bottom: 10px; border-bottom: 1px solid #D6D6D6}
.products > li:last-child { border-bottom: none; box-shadow: none; }
.pro_img { -webkit-box-flex: 1; /* OLD - iOS 6-, Safari 3.1-6 */
	-moz-box-flex: 1; /* OLD - Firefox 19- */
	-ms-flex: 1; /* IE 10 */
-webkit-flex: 1; flex: 1; text-align: center; }
.pro_detail { -webkit-box-flex: 1.8; /* OLD - iOS 6-, Safari 3.1-6 */
	-moz-box-flex: 1.8; /* OLD - Firefox 19- */
	-ms-flex: 1.8; /* IE 10 */
-webkit-flex: 1.8; flex: 1.8; padding-top: 8px; }
.pro_detail h2 a { color: #383838; font-weight: bold; }
.pro_detail p { color: #B3B3B3; line-height: 1.5em; }
.pro_img img { max-width: 80%; }
.loading { margin-top: 16px; color: #A1A1A1; text-align: center; }
@media screen and (min-width:340px) {
	.pro_detail { padding-top: 16px; }
}